<html>
    <head>
    <style type="text/css">
            body
            {
                background-color:#f0fff0;
            }
            h1
            {
                text-align:center;
                background-color:#558;
                color:#eaeaea;
            }
            .entry
            {
                border: 1px solid #000;
            	margin: 10px 0 10px;
            	color: #666;
            	padding: 10px;
            }
            
            .post_title {
	            margin: 0 0 5px 0;
	            background-color: #eaeaea;
	            padding: 2px 3px;
            }
            .post_title a {
		        color: #558;
		        text-decoration: none;
	        }
	        .post_title a:hover {
		        color: #855;
	        }   
	        
            .post_info {
	            margin: 0;
	            border-bottom: 2px solid #999;
	            font-size: 0.8em;
            }

            .post_content {
	            margin: 20px 0;
	            padding: 0 2em;
            }

            .post_meta {
	            font-size: 0.8em;
	            color: #757575;
	            margin: 10px 0 0 10px;
	            padding: 0;
            }
	        .post_meta li {
		        display: inline;
		        margin-right: 30px;
	        }
    </style>
    </head>

    <body>
    <h1><strong>{{page_title}}</strong></h1>

    {% for entry in entries %}
    <div class="entry">
        <h3 class="post_title"> <a href = "/blog/entry/{{entry.id}}" >{{entry.title}}</a></h3>
            <p class="post_info">Category: {{entry.category.title}} / {{entry.updatedDate}} </p>
                <div class="post_context"> {{entry.content}} </div>
                <ul class="post_meta">
                    <li> Tags: {% for tag in entry.tags.all %}
                    <span>{{tag.title}}</span>
                    {% endfor %}</li>
                    <li> Comments ( {{entry.comments}} )</li>

                </ul>
    </div>
    {% endfor %}

    {% for each_page in num_pages %}
    <div>
        <p> <a href = "/blog/page/{{each_page}}/"> {{each_page}}</a> </p>
    </div>
    {% endfor %}

    </body>
</html>
